/* ================================================================================= */
/* ================================================================================= */
/* GENERAL */
/* ================================================================================= */
/* ================================================================================= */

head, body, footer {
	font-family: 	Arial;
	margin: 		0px;
	height: 		100%;
}

h1, h3, h2, h4, h5 {
	text-align: 	center;
}

/* ================================================================================= */
/* MENU BAR */
/* ================================================================================= */

#menu_bar {
	height: 			50px;
	width: 				80%;
	z-index: 			10;
	padding-left: 		10%;
	padding-right: 		10%;
	position: 			fixed;
	display: 			inline;
	background-color: 	white;
			box-shadow: 0 1px 5px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 1);
	   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 1);
	    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 1);
		 -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 1);
}

#menu_bar #menu_bar_list li img {
	vertical-align: middle;
	display: inline;
}

#menu_bar #menu_bar_list {
	width: 			100%;
	margin-top: 	9px;
	padding: 		0%;
	float: 			left;
	vertical-align: middle;
}

#menu_bar #menu_bar_list li.menu_bar_item {
	height: 		100%;
	margin-top: 	0px;
	font-size: 		small;
	display: 		inline;
	margin-right: 	5%;
	list-style: 	none;
	vertical-align: middle;
}

.menu_bar_item a:link, 
.menu_bar_item a:visited,
.menu_bar_item a:hover {
	color:	 			black;
	text-decoration: 	none;
	text-transform: 	none;
}

/* ================================================================================= */
/* PAGE TOP */
/* ================================================================================= */

.top {
	width: 						80%;
	height: 					350px;
	padding-left: 				10%;
	padding-right: 				10%;
	background-image: 			url(../4_Images/Background/blue.png);
	-webkit-background-size: 	cover;
	   -moz-background-size: 	cover;
	     -o-background-size: 	cover;
		 	background-size: 	cover;
}

/* ================================================================================= */
/* OTHER */
/* ================================================================================= */

#main_body {
	width: 					70%;
	padding-left: 			15%;
	padding-right: 			15%;
	vertical-align: 		middle;
}

.rectangle_container {
	width: 					100%;
	height: 				100%;
	background-color: 		#FFF;
	border:					1px solid #ddd;
	padding-left: 			4px;
	padding-right: 			4px;
	display: 				inline-block;
	margin-bottom: 			2%;
	-webkit-border-radius: 	4px;
	   -moz-border-radius: 	4px;
	        border-radius: 	4px;
	-webkit-box-shadow: 	0 1px 3px rgba(0, 0, 0, 0.055);
	   -moz-box-shadow: 	0 1px 3px rgba(0, 0, 0, 0.055);
	        box-shadow: 	0 1px 3px rgba(0, 0, 0, 0.055);
	-webkit-transition: 	all 0.2s ease-in-out;
	   -moz-transition: 	all 0.2s ease-in-out;
	     -o-transition: 	all 0.2s ease-in-out;
	        transition: 	all 0.2s ease-in-out;
}

.rectangle_container iframe {
	width:	 				100%;
	border: 				0;
	height: 				300px;
}

.divider {
	border-bottom: 			2px solid #dfe1e3;
}

/* ================================================================================= */
/* FOOTER */
/* ================================================================================= */

#site_footer {
	bottom: 			0;
	height: 			125px;
	width: 				60%;	
	padding-left: 		20%;
	padding-right: 		20%;
	vertical-align: 	middle;
	background-color: 	#f0f0f0;
			box-shadow: 0 1px 5px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 1);
	   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 1);
	    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 1);
		 -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 1);
}

#company_title,
#social {
	padding-top: 		20px;
	font-variant: 		small-caps;
	font-size: 			small;
	font-weight: 		bold;
}

#company_title {
	float: 				left;
}

#social {
	text-align: 		right;
}

#social_links {
	vertical-align: 	middle;
}

.social_links_item {
	list-style: 		none;
	font-weight: 		400;
}

.social_links_item a:link, 
.social_links_item a:visited,
.social_links_item a:hover {
	color: 				black;
	text-decoration: 	none;
	text-transform: 	none;
}